Page({
  data: {
    //待渲染组别数据
    group: {
      groupTitle: '',
      introduce: '',
      groupImg: '',
      contentImg: ''
    },
    animation: '',
    animationOne: '',
    animationTow: '',
    animationThree: '',
    animationFour: '',
  },
  // 组别数据变量
  groups: [{
      groupTitle: 'Java 后台组',
      introduce: `<div class='group_intro'>研发后台小组一直致力于<span class='special_text'>JavaWeb开发</span>，专注于各种前沿的<span class='special_text'>Java技术学习和实践能力</span>的结合。后台开发与各小组相辅相成，无论是安卓端还是网页端，都需要<span class='special_text'>后台技术</span>的支持，只有<span class='pecial_text'>和服务器进行沟通</span>，才能成为一个完整的产品</div><div class='require_title'>技术要求：</div><div class='require_text'>如果你具备基本的<span class='special_text'>C语言基础</span>、对<span class='special_text'>Java编程</span>感兴趣，出色的学习能力以及良好的团队协作精神，想学习<span class='special_text'>数据库和服务器</span>，那么研发后台组是你的不二选择。</div>`,
      groupImg: `/icon/introduces/icon-backstage@2x.png`,
      contentImg: `/icon/introduces/airship@2x.png`,
    },
    {
      groupTitle: 'Web 前端组',
      introduce: `<div class='group_intro'>研发中心前端组致力于<span class='special_text'>网页 ，小程序 </span> 的前端开发，通过更简洁的代码，更高端的技术和更高的开发效率，创建更好看的展示，更酷的动画，以及更流畅的交互。 在这里，你除了  <span class='special_text'>学到技术，交到朋友</span>，还能通过许多项目获取实战经验，成就你乘风破浪的未来！</div><div class='require_title'>技术要求：</div><div class='require_text'>对前端的感兴趣，有较好的<span class='special_text'>学习能力和毅力</span>，及<span class='special_text'>良好的团队合作精神</span>！零或零以上的C语言基础或者前端基础。</div>`,
      groupImg: `/icon/introduces/icon-front-end@2x.png`,
      contentImg: `/icon/introduces/rocket@2x.png`,
    },
    {
      groupTitle: 'Android移动开发组',
      introduce: `<div class="group_intro">研发Android开发组，是RDC工作室<span class="special_text">安卓App</span>项目的核心研发团队，专注基于<span class="special_text">Java语言的主流app开发与Android技术</span>的钻研。除了项目之外，除了项目外，你还可以根据自己的想法开发出属于自己的<span class="special_text">App</span>。</div><div class="require_title">技术要求：</div><div class="require_text">假如你对安卓感兴趣，拥有扎实的<span class="special_text">C语言基础与Java基础</span>，善于自主钻研，有责任感，那么你就是我们苦苦寻找的同伴！</div>`,
      groupImg: `/icon/introduces/icon-android@2x.png`,
      contentImg: `/icon/introduces/satellite@2x.png`,
    },
    {
      groupTitle: '大数据组',
      introduce: `<div class="group_intro">研发中心大数据组致力于<span class="special_text">挖掘数据、分析数据</span>。既专注于基础，又落实于项目；既沉浸于原理，又回归到兴趣。我们拥有更多的可能去开拓、去创造无限的可能。</div><div class="require_title">技术要求：</div><div class="require_text">基础的<span class="special_text">C语言理解</span>，零或零以上的<span class="special_text">python基础</span></div>`,
      groupImg: `/icon/introduces/icon-big-data@2x.png`,
      contentImg: `/icon/introduces/radar@2x.png`,
    },
    {
      groupTitle: 'UI设计组',
      introduce: `<div class="group_intro">UI设计组，是工作室中最年轻的小组，涉及范围包括但不限于<span class="special_text">商用平面设计、高级网页设计、还有APP</span>等移动应用界面设计。良好的UI设计注重用户的使用感受，可以使操作变得舒适、简单、自由，充分体现出软件的定位和特点。所以在"信息化"时代，对UI设计的需求也越来越大。</div><div class="require_title">技术要求：</div><div class="require_text">UI 设计无专业门槛，如果你有<span class="special_text">良好的审美</span>，或者是丰富的想象力，<span class="special_text">对设计充满兴趣</span>，那么欢迎加入研发UI设计组！另外，如果你本身有<span class="special_text">PS或AI基础</span>，可以在面试时获得一定印象分哦~</div>`,
      groupImg: `/icon/introduces/icon-UI@2x.png`,
      contentImg: `/icon/introduces/aerobat@2x.png`,
    },
  ],
  onLoad(options) {
    console.log(options);
    const {
      index
    } = options;
    const group = this.groups[index];
    this.setData({
      group,
      groupIndex: index
    })

  },
  onReady() {
    // this.animate('.group', [
    //   { opacity: 0, translateY: 400 },
    //   { opacity: 1, translateY: 0 }
    // ], 1000)
    this.setData({
      animation: 'enter .8s ease-in  1 .2s forwards',
      animationOne: 'jump 0.8s 1.5s infinite linear alternate',
      animationTow: 'jump 0.8s 2s infinite linear alternate',
      animationThree: 'jump 0.8s 2.5s infinite linear alternate',
      animationFour: 'jump 0.8s 3s infinite linear alternate',
    });
  },
  turnEntry() {
    const {
      groupIndex
    } = this.data
    wx.switchTab({
      url: '/pages/entryForm/entryForm',
    })
    getApp().globalData.groupIndex = groupIndex
  },
})